﻿<!--办件查询-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>办事大厅办件查询</title>
    <meta charset='UTF-8'>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no,email=no" name="format-detection" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
    <link href="../css/alipay/alipay.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/amui-demo_files/toast.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/button.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/amui-demo_files/dialog.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/amui-demo_files/button-group.css" type="text/css" rel="stylesheet" />
	<link href="../css/main.css" type="text/css" rel="stylesheet" />
    <link href="../css/dialog.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../js/extensions/base.js"></script>
    <script type="text/javascript" src="../css/alipay/amui-demo_files/amui.js"></script>
    <style type="text/css">
    	.am-list:not([am-version]){padding: 0px;}
    </style>
    <script type="text/javascript">
        $(function(){
            /*$("#dialogbut").click(function(){
             $(".mask").show();
             $(".demo-content").show();
             });*/

            $(".am-dialog-button").click(function(){
                $(".mask").hide();
                $(".demo-content").hide();
            });

        })
    </script>
</head>
<body>
<div class="mask" style="display: none;"></div>
<div class="demo-content"  style="display: none;">
    <div class="demo-mobile">
        <div class="am-dialog show" style="z-index: 10001;">
            <div class="am-dialog-wrap">
                <div class="am-dialog-body">
                    <p id="warn" class="am-dialog-brief"></p>
                </div>
                <div class="am-dialog-footer">
                    <a class="am-dialog-button">取消</a>
                    <a class="am-dialog-button">确定</a>
                </div>
            </div>
        </div>
    </div>
</div>
        <div data-role="page">
                <div data-role="content" style="background-color:#EFEFF4;padding-top:15px;">
                    <div class="am-list am-list-5lb" am-mode="flat form">
                        <div class="am-list-body">
                                <div class="am-list-item am-input-autoclear">
                                    <div class="am-list-label">办件序号</div>
                                    <div class="am-list-control">
                                        <input type="text" id="caseid" placeholder="办件序号" value="">
                                        <input type="hidden" placeholder="" value="">
                                    </div>
                                    <div class="am-list-clear"><i class="am-icon-clear am-icon" am-mode="clear"></i></div>
                                </div>
                                <div style="padding-left:15px;padding-right:15px;margin-top:15PX;">
                                    <button id="searchButton" type="button" class="am-button" am-mode="blue disabled">查询</button>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
        
            <div id="fuwu" style="display: block;font-family:STHeitiSC;font-size: 12px; margin-bottom: 15px; margin-left: 0px; width: 100%; text-align: center;   position: absolute; bottom: 0px;z-index:-1;">
                <div class="am-agreement am-ft-gray am-ft-sm">
                    <p>
                        本服务由吉林省公安厅<br />江苏欧索软件有限公司提供支持
                    </p>
                </div>
            </div>
            <script type="text/javascript">
                $(function () {
                    window.setInterval("checkButtonState()", 200);
                    $("#searchButton").click(function () {
                        var caseid = $("#caseid").val();
                        if (caseid)
                        {
                            FindOtherCaseResult()
                           
                        }
                    });
                });

                function checkButtonState() {
                    if ($("#caseid").val())
                        $("#searchButton").attr("am-mode","blue");
                    else
                        $("#searchButton").attr("am-mode","blue disabled");
                }
                function FindOtherCaseResult() {
                    var caseid=$("#caseid").val();
                    var url = "../../../api/query/progress/case";
                    $.ajax(url,
                        {
                            type: 'post',
                            timeout: 6000,
                            data: {
                                case_id: caseid,
                            },
                            success: function (data) {
                                if (data.succ == true) {
                                    window.location.href = 'OtherCaseResult.html?caseid=' + caseid;
                                }
                                else {
                                    $("#warn").html("未查到相关信息!");
                                    $(".mask").show();
                                    $(".demo-content").show();
                                }
                            },
                            error: function ()
                            { },
                            complete: function () { },
                        });
                }



            </script>
</body>
</html>